import React from 'react';
import { ConfigProvider } from 'antd-mobile';
import zhCN from 'antd-mobile/es/locales/zh-CN';
import MallRoutes from './routes';
import './styles/index.css';

// 布局组件
const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
  return (
    <div className="mall-app">
      <div className="mall-content">
        {children}
      </div>
    </div>
  );
};

const App: React.FC = () => {
  return (
    <ConfigProvider locale={zhCN}>
      <Layout>
        <MallRoutes />
      </Layout>
    </ConfigProvider>
  );
};

export default App; 